<section class="formSubmit">
  <ng-container *ngIf="tagData.data.data.length>0">
    <div *ngFor="let item of tagData.data.data">
      <div class="listCheckbox" *ngIf="item.formType==='listCheckbox'">
        <p class="title" *ngIf="item.title">{{item.title}}</p>
        <ul *ngIf="item.data && item.data.length>0">
          <li *ngFor="let content of item.data">
            <div *ngIf="content.imageUrl || content.imageUrl === ''">
              <img class="img" src="{{content.imageUrl}}" onerror="this.src='assets/img/default_img.png'">
            </div>
            <div class="listContent" [ngClass]="{listHaveImg : (content.imageUrl || content.imageUrl === '')}">
              <h2 *ngIf="!!content.title">
                <span>{{content.title}}</span>
              </h2>
              <p>{{content.info}}</p>
            </div>
            <div class="check" appDebounceClick (debounceClick)="invitationCheck(item,content)">
              <img *ngIf="content.checked" src="assets/img/release_icon_checked@3x.png">
              <img *ngIf="!content.checked" src="assets/img/release_icon_uncheckedcopy@3x.png">
            </div>
          </li>
        </ul>
      </div>
      <div class="textarea" [ngClass]="{evaluation:!item.title}" *ngIf="item.formType==='textarea'">
        <p *ngIf="item.title" class="title">{{item.title}}</p>
        <textarea id="invitation_remark_msg" maxlength="item.maxLength" [(ngModel)]="values" (ngModelChange)="getValue(item,values)"
          placeholder="{{item.placeholder}}"></textarea>
        <!-- <span>{{values.length}}/{{item.maxLength}}</span> -->
      </div>
      <div class="radio" *ngIf="item.formType==='radio'">
        <p class="title">请选择原因</p>
        <ul *ngIf="item.data.length>0">
          <li *ngFor="let content of item.data">
            <!-- <div *ngIf="content.imageUrl || content.imageUrl === ''">
                <img src="{{content.imageUrl}}" onerror="this.src='assets/img/default_img.png'">
              </div> -->
            <div>
              <h2 class="list" *ngIf="!!content.label" appDebounceClick (debounceClick)="checkEnd(item,content.value)">
                <div>
                  <img *ngIf="endCheck !== content.value" src="assets/img/release_icon_unchecked copy@3x.png">
                  <img *ngIf="endCheck === content.value" src="assets/img/release_icon_checked@3x.png">
                </div>
                <span class="labelName">{{content.label}}</span>
              </h2>
            </div>
          </li>
        </ul>
        <textarea  *ngIf="endCheck === 'null'" [(ngModel)]="values" (ngModelChange)="checkTextarea(item,values)"
          maxlength="item.textarea.maxLength" placeholder="{{item.textarea.placeholder}}"></textarea>
      </div>
      <ion-item class="post-item" *ngIf="item.formType==='phone'" lines="inset">
        <ion-label>{{item.label}}</ion-label>
        <ion-input readonly unselectable="on" style="opacity:0.4" type="text" [maxlength]="11" [attr.placeholder]="'请填写'" [ngModel]="phoneNumber"
          (ionChange)="getPhone(item,$event,phoneNumber)"></ion-input>
        <button class="single-picker" *ngIf="time>-1" [disabled]="time>-1">（{{time}}）重新获取</button>
        <button class="single-picker" *ngIf="time===-1"
          appDebounceClick (debounceClick)="submitPassword(item)">{{item.codeButton.label}}</button>
      </ion-item>
      <ion-item class="post-item" *ngIf="item.formType==='input'" lines="inset">
        <ion-label>{{item.label}}</ion-label>
        <ion-input type="text" [maxlength]="11" [attr.placeholder]="'请填写'" (ionChange)="getPassword(item,password)"
          [ngModel]="password"></ion-input>
      </ion-item>
      <div class="line" *ngIf="item.formType==='line'">
      </div>
    </div>
  </ng-container>

</section>